<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#div1{
				width:100px;
				height:100px;
				background: red;
			}
		</style>
	</head>
	<body>
		<input type="button" value="显示隐藏切换" />
		<div id="div1">
			123
		</div>
		<script>
			var btn = document.getElementsByTagName('input')[0];
			var oDiv = document.getElementById("div1");
//			var flag = 1;
			var flag = true;
			btn.onclick = function(){
//				if(flag==1){
//					oDiv.style.display = 'none';
//					flag = 0;
//				}else if(flag==0){
//					oDiv.style.display = 'block';
//					flag = 1;
//				}
				if(flag){
					oDiv.style.display = 'none';
				}else{
					oDiv.style.display = 'block';
				}
				flag = !flag;
			}
			
		</script>
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
	</body>
</html>
